<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		ul,li,body{
			margin:0;
			padding:0;
		}

		body{
			height:5000px;
		}
		li{
			list-style:none;
		}

		ul{
			position:fixed;
			right:50px;
			bottom:200px;
		}


		.erweima{
			position:absolute;
			top:0;
			left:-100px;
			width:100px;
			display:none;
		}

		.a{
			width:20px;
		}

		.b:hover + a img{
			display:block;
		}
	</style>
</head>
<body>
	<ul>
		<li>
			<img src="img/1.png" alt="手机" class="a b">
			<a href="#"><img src="img/6.png" alt="手机扫一扫" class="erweima"></a>
		</li>
		<li><img src="img/2.png" alt="个人中心" class="a"></li>
		<li><img src="img/3.png" alt="售后服务" class="a"></li>
		<li><img src="img/4.png" alt="人工服务" class="a"></li>
		<li><img src="img/5.png" alt="购物车" class="a"></li>
	</ul>
</body>
</html>